import Vue from 'vue'
// import DatePicker from 'element/lib/date-picker'
import VueI18n from 'vue-i18n'

// 导入英文语言包
import enLocale from 'element-ui/lib/locale/lang/en'
// 导入中文语言包
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
// 导入 Element 提供的一个多语言配置插件
import ElementLocale from 'element-ui/lib/locale'

import customZh from './zh'

import customEn from './en'

// 将 VueI18n 挂载为 Vue 插件
Vue.use(VueI18n)
// Vue.use(DatePicker)

const messages = {
  // 键: 对应的地区
  // 值: 对应的语言包
  en: {
    message: 'hello',
    ...enLocale,
    ...customEn
  },
  zh: {
    message: '你好',
    ...zhLocale,
    ...customZh
  }
}
// Create VueI18n instance with options
const i18n = new VueI18n({
  locale: 'en', // 当前默认地域
  messages // set locale messages
})

ElementLocale.i18n((key, value) => i18n.t(key, value))

export default i18n
